<!DOCTYPE html>
<style>
    td { width:1em; }
</style>
<p>The word "PASS" should be seen below, with large letter
    spacing. There should be a blue rectangle snapped to the blue
    line. There should be no red.</p>
<div style="columns:3; column-gap:0; column-fill:auto; width:15em; height:90px; line-height:20px; orphans:1; widows:1; border-top:1px solid blue;">
    <br>
    <br>
    <table cellpadding="0" cellspacing="0" style="background:white;">
        <tr>
            <td style="vertical-align:bottom;">
                P
            </td>
            <td style="vertical-align:baseline; background:red;">
                <div style="background:white;">
                    A<br><br>
                    <div style="break-inside:avoid; width:100%; height:1em; background:blue;"></div>
                </div>
            </td>
            <td style="vertical-align:top;">
                S
            </td>
            <td style="vertical-align:middle;">
                S
            </td>
        </tr>
    </table>
</div>
